<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Excel Process Extension - 全屏</title>
  <style>
    body {
      background: #f8fff8;
      font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    .container {
      max-width: 1200px;
      margin: 40px auto 0 auto;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 4px 32px rgba(0,0,0,0.08);
      padding: 32px 40px 48px 40px;
    }
    h1 {
      text-align: center;
      font-size: 2.2rem;
      font-weight: 700;
      color: #222;
      margin-bottom: 32px;
      letter-spacing: 2px;
    }
    .input-group {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
      margin-bottom: 32px;
    }
    #editor {
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
      transition: box-shadow 0.2s;
      background: #f9f9fb;
      min-height: 360px;
      height: 360px;
      margin-bottom: 0;
      width: 100%;
    }
    #editor:focus-within {
      box-shadow: 0 4px 16px rgba(0,128,255,0.10);
      border-color: #0070c1;
    }
    input[type="file"] {
      display: none;
    }
    .error {
      color: #d32f2f;
      background: #fff0f0;
      border: 1px solid #ffd6d6;
      border-radius: 6px;
      padding: 8px 16px;
      margin: 12px 0;
      font-size: 1rem;
      display: none;
    }
    .error:empty {
      display: none;
    }
    .content {
      margin-top: 24px;
      background: #f6f8fa;
      border-radius: 8px;
      padding: 20px;
      min-height: 180px;
      overflow-x: auto;
      box-shadow: 0 1px 4px rgba(0,0,0,0.04);
      width: 100%;
    }
    .content table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
    }
    .content th, .content td {
      border: 1px solid #e0e0e0;
      padding: 8px 16px;
      text-align: left;
      font-size: 1rem;
    }
    .content tr:nth-child(even) {
      background: #f7fafc;
    }
  </style>
</head>
<body>
  <div id="app"></div>
  <script src="fullscreen.js"></script>
</body>
</html> 